<include file="../Public/_top" />
<div class="content">
  <div class="wrap">
      <div class="con_side">
        <ul class="nav">
          <if condition="$userGroup eq 4"><li  class="cursor"><a href="{:U('public/Report/Graden')}">园级报告</a></li></if>
          <li><a href="{:U('public/Report/index')}">班级报告</a></li>
          <li><a href="{:U('public/Report/OneReport')}">个体报告</a></li>
          <li><a href="{:U('public/Report/GradeSelfTestReport')}">班级自测报告</a></li>
          <li><a href="{:U('public/Report/OneSelfTestReport')}">个体自测报告</a></li>
        </ul>
      </div>
        <div class="con_main">
          <div class="con_tit">
            <span>筛选条件</span>
            <ul class="con_tit_ul">
              <li>
                <a href="javascript:;" onclick="selectChildren(this);" id="resource_type">测试类型</a>
                <ul class="children">
                  <li><a href="javascript:;" onclick="selectType(this,1);">上报</a></li>
                  <li><a href="javascript:;" onclick="selectType(this,2);">自测</a></li>
                </ul>
              </li>
              <li>
                <a href="javascript:;" onclick="selectChildren(this);" id="file_type">测试年份</a>
                <ul class="children">
                  <volist name="year" id="year">
                  <li><a href="javascript:;"onclick="selectYear(this,{$year});">{$year}</a></li>
                </volist>
                </ul>
              </li>
              <li>
                <a href="javascript:;" onclick="selectChildren(this);" id="resource_type">测试季度/次数</a>
                <ul class="children" id="numberList">
                  <li><a href="javascript:;" onclick="selectNumber(this,1);">春季</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,2);">秋季</a></li>
                </ul>
                <!-- <ul class="children" id="number2" style="display:none;">
                  <li><a href="javascript:;" onclick="selectNumber(this,1);">第1次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,2);">第2次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,3);">第3次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,4);">第4次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,5);">第5次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,6);">第6次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,7);">第7次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,8);">第8次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,9);">第9次</a></li>
                  <li><a href="javascript:;" onclick="selectNumber(this,10);">第10次</a></li>
                </ul> -->
              </li>
              <li>
              <input type="hidden" id="number">
              <input type="hidden" id="year">
              <input type="hidden" id="type">
              <div href="javascript:;" onclick="select_filter();" style="background:#f68d04;margin-left:15px;width:70px;text-align:center; color:#efefef;line-height: 45px;cursor:pointer;">确定</div></li>
            </ul>
            </div>
            <div class="con_tit">
              <table class="table table_title t4">
                <tr>
                  <td>报告名称</td>
                  <td>操作</td>
                </tr>
              </table>
            </div>
            <div class="con_box" id="grade_list"></div>
        </div>
    </div>
</div>
<script>
$("#year").val("");
$("#number").val("");
  $.ajax({
    type: "GET",
    url:"{:U('public/Report/getGradenList')}",
    data:"p=1",
    dataType:"json",
    success:function(data){
        appendHtml(data);
    }
  });
function appendHtml(data){
    $("#grade_list").html("");
    $("#grade_list").append(data.data);
    var html="<div class='pagebox'>";
    if(data.nowPage>1 ){
        page=data.nowPage-1;
        html+="<a href=\"javascript:getList("+page+")\">上一页</a>";
    }
    for (var i = 1; i <=data.totalPages; i++) {
        if(i==data.nowPage){
            html+="<a href=\"javascript:getList("+i+")\" class='on'>"+i+"</a>";
        }else{
            html+="<a href=\"javascript:getList("+i+")\" >"+i+"</a>";  
        }
    };
    if(data.totalPages>1 && data.nowPage<data.totalPages){
        page=data.nowPage+1;
        html+="<a href=\"javascript:getList("+page+")\" id=\"getList\">下一页</a>";
    }
    html+="</div>";
    $("#grade_list").append(html); 
}

//查看更多
function getList(page){
    p=page;
    ajaxBang();
}
//筛选条件
function select_filter(){
  $(".children").css('display','none');
  var number=$("#number").val();
  var year=$("#year").val();
  var type=$("#type").val();
  p=1;
  if(year==""){
    alert("请选择测试年份");
    return;
  }
  if(number==""){
    alert("请选择测试次数");
    return;
  }
  if(type==""){
    alert("请选择测试类型");
    return;
  }
  $.ajax({
    type: "GET",
    url:"{:U('public/Report/getGradenList')}",
    data:"p=1&number="+number+"&year="+year+"&type="+type,
    dataType:"json",
    success:function(data){
        appendHtml(data);
    }
  });
}
//请求事件
function ajaxBang(){
  $.ajax({
    type: "GET",
    url:"{:U('public/Report/getGradenList')}",
    data:"p="+p+"&number="+number+"&year="+year+"&type="+type,
    dataType:"json",
    success:function(data){
        appendHtml(data);
    }
  });
}
function selectChildren(cate){
  $(".children").css('display','none');
  $(cate).next().css('display', 'block');
}
function selectYear(cate,year){
  $(cate).parent().nextAll().children().css('background','');
  $(cate).parent().prevAll().children().css('background','');
  $(cate).css('background','#f3a33a');
  $("#year").val(year);
}
function selectNumber(cate,number){
  $(cate).parent().nextAll().children().css('background','');
  $(cate).parent().prevAll().children().css('background','');
  $(cate).css('background','#f3a33a');
  $("#number").val(number);
}
function selectType(cate,type){
  $(cate).parent().nextAll().children().css('background','');
  $(cate).parent().prevAll().children().css('background','');
  $(cate).css('background','#f3a33a');
  $("#type").val(type);
  if(type==1){
    $("#numberList").html("<li><a href='javascript:();' onclick='selectNumber(this,1);'>春季</a></li><li><a href='javascript:();' onclick='selectNumber(this,1);'>秋季</a></li>");
  }else{
    $("#numberList").html("<li><a href='javascript:();' onclick='selectNumber(this,1);'>第1次</a></li><li><a href='javascript:();' onclick='selectNumber(this,2);'>第2次</a></li><li><a href='javascript:();' onclick='selectNumber(this,3);'>第3次</a></li><li><a href='javascript:();' onclick='selectNumber(this,4);'>第4次</a></li><li><a href='javascript:();' onclick='selectNumber(this,5);'>第5次</a></li><li><a href='javascript:();' onclick='selectNumber(this,6);'>第6次</a></li><li><a href='javascript:();' onclick='selectNumber(this,7);'>第7次</a></li><li><a href='javascript:();' onclick='selectNumber(this,8);'>第8次</a></li><li><a href='javascript:();' onclick='selectNumber(this,9);'>第9次</a></li><li><a href='javascript:();' onclick='selectNumber(this,10);'>第10次</a></li>");
  }
}
</script>
<include file="../Public/_foot" />